<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加</title>
    <link rel="stylesheet" href="static/css/bootstrap.css">
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            position: relative;
            font-size: 5px;
        }

        .my-container {
            width: 98%;
            margin: 0px auto;
        }
        /* 表单宽度设置 */
        .Form {
            width: 30%;
        }
        /* 下拉列表格式设置 */
        .Select {
            width: 200px;
            height: 30px;
            border-radius: 4px;
            border: 1px solid #ccc;
        }
        /* 下拉列表点击时边框格式 */
        .Select:focus {
            border-color: #66afe9;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
        }
    </style>
</head>

<body>
    <div class="contsiner-fluid my-container">
        <ol class="breadcrumb" style="margin-top:5px; background-color: #bcc5c1;">
            <li><a href="#" style="font-size: 20px;">添加学生</a></li>
<!--            <li class="active" style="font-size: 20px;">添加学生</li>-->
        </ol>
        <form class="Form" action="student" method="post">
            <input type="hidden" name="operate" value="add">
            <div class="form-group">
                <label for="Input1">姓名：</label>
                <input type="text" class="form-control" id="Input1" name="nickName" placeholder="请输入姓名">
            </div>
            <div class="form-group">
                <label for="Input2">手机：</label>
                <input type="text" class="form-control" id="Input2" name="phone" placeholder="请输入手机号码">
            </div>
            <div class="form-group">
                <label class="control-label">性别：</label>
                <br>
                <label class="radio-inline">
                    <input type="radio" name="sex" value="男">男
                </label>
                <label class="radio-inline">
                    <input type="radio" name="sex" value="女">女
                </label>
            </div>
            <div class="form-group">
                <label>专业：</label>
                <div class="dropdown">
                    <select name="specialty" id="" class="Select">
                        <option value="计算机科学与技术">计算机科学与技术</option>
                        <option value="电气工程">电气工程</option>
                        <option value="物联网">物联网</option>
                        <option value="人工智能">人工智能</option>
                        <option value="软件开发">软件开发</option>
                        <option value="会计">会计</option>
                        <option value="金融学">金融学</option>
                        <option value="财务管理">财务管理</option>
                        <option value="统计学">统计学</option>
                        <option value="审计">审计</option>
                        <option value="人力资源">人力资源</option>
                        <option value="市场营销">市场营销</option>
                        <option value="工商管理">工商管理</option>
                        <option value="行政管理">行政管理</option>
                        <option value="电子商务">电子商务</option>
                    </select>
                </div>
            </div>
            <button type="reset" class="btn btn-default">重置</button>
            <button type="submit" class="btn btn-primary">保存</button>
        </form>
    </div>
</body>

</html>